<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 　<meta name="viewport" content="width=device-width, initial-scale=1" /> -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理系统</title>
    <link rel="stylesheet" type="text/css" media="screen"
        href="https://cdn.staticfile.org/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="../css/backgroud_management_system.css">
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/backgroud_management_system.js"></script>
    <script src="../js/localStorage.js"></script>
</head>

<body "onselectstart"="return false" "style"={ -moz-user-select : none }>
    <div class="body">
        <!-- 添加弹框 开始 -->
        <div class="addBox-back">
            <div class="addBox">
                <h2>增添菜品</h2>
                <div class="food-name">
                    <span>菜名: </span>
                    <input type="text" class="aname">
                </div>
                <div class="food-price">
                    <span>价格: </span>
                    <input type="text" class="aprice">
                </div>
                <div class="food-desc">
                    <span>描述: </span>
                    <input type="text" class="adesc">
                </div>
                <div class="food-typename">
                    <span>类型名称: </span>
                    <input type="text" class="atypename">
                </div>
                <div class="food-typeid">
                    <span>配品: </span>
                    <input type="text" class="atypeid">
                </div>
                <div class="yes">确定</div>
                <div class="no">取消</div>
            </div>
        </div>
        <!-- 添加弹框 结束 -->
        <!-- 修改弹框 开始 -->
        <div class="editBox-back">
            <div class="editBox">
                <h2>修改菜品</h2>
                <div class="efood-name">
                    <span>菜名: </span>
                    <input type="text" class="ename">
                </div>
                <div class="efood-price">
                    <span>价格: </span>
                    <input type="text" class="eprice">
                </div>
                <div class="efood-desc">
                    <span>描述: </span>
                    <input type="text" class="edesc">
                </div>
                <div class="efood-typename">
                    <span>类型名称: </span>
                    <input type="text" class="etypename">
                </div>
                <div class="efood-typeid">
                    <span>配品: </span>
                    <input type="text" class="etypeid">
                </div>
                <div class="eyes">确定</div>
                <div class="eno">取消</div>
            </div>
        </div>
        <!-- 修改弹框 结束 -->
        <!-- 顶部开始 -->

        <div class="header">

            <ul class="header-right">
                <li class="header-user">
                    <a href="#" class="a">
                        <i class="icon ion-android-person" style="font-size:20px;line-height:38px; color:white"></i>
                        欢迎您，xx管理员
                    </a>
                </li>
                <li class="header-welcome">
                    <a href="#">欢迎登陆</a>
                </li>
                <li class="quit">
                    <a href="#"><i class="icon ion-power" style=" line-height: 40px; color:white"></i> 退出 </a>
                </li>
            </ul>
            <div class="logo">
                <a href="#">吃好餐</a>
            </div>
        </div>
        <!-- 顶部结束 -->
        <!-- 中部开始 -->
        <!-- 左侧菜单开始 -->
        <div class="left-nav">
            <div class="left-navx">
                <a class="personal_information" title="点击修改个人信息">个人中心</a>
            </div>
        </div>
        <!-- 左侧菜单结束 -->
        <!-- 中部结束 -->
        <!-- 右部开始 -->
        <div class="page-content">
            <div class="tab-title">
                <h2>餐厅后台管理系统</h2>
            </div>
            <section>
                <div class="search"><input type="text" placeholder="模糊查询食物名与描述" class="search-ipt">
                    <div class="search-btn">搜索</div>
                </div>
                <div class="right-nav">
                    <ul>
                        <li class="add">添加菜品</li>
                        <!-- <div class="add"></div> -->
                        <li class="remove">删除菜</li>
                        <li class="modify">修改菜品</li>
                        <li class="searchh">搜索菜品</li>
                    </ul>
                </div>
                <div class="main">
                    注:（配品） 0：面，1：米，2：饮品，3：水果 &nbsp;&nbsp;&nbsp;
                    <form action="" id="form">
                        <table id="table">
                            <thead>
                                <tr>
                                    <td>
                                        菜名 </td>
                                    <td>价格</td>
                                    <td> 描述</td>
                                    <td> 类型名称</td>
                                    <td>配品</td>
                                    <td>id</td>
                                    <td>操作</td>
                                </tr>
                            </thead>
                            <tbody class="tbody">
                                <tr class="one">
                                    <td><input type="checkbox" class="check"><input type="text" class="name"></td>
                                    <td> <input type="text" class="price"></td>
                                    <td> <input type="text" class="desc"> </td>
                                    <td> <input type="text" class="typename"></td>
                                    <td> <input type="text" class="typeid"></td>
                                    <td class="id"></td>
                                    <td class="action">
                                        <span class="edit">编辑</span>
                                        <!-- <span  class="die">删除</span> -->
                                    </td>
                                </tr>
                                <tr class="two">
                                    <td><input type="checkbox" class="check"> <input type="text" class="name"></td>
                                    <td> <input type="text" class="price"></td>
                                    <td> <input type="text" class="desc"> </td>
                                    <td> <input type="text" class="typename"></td>
                                    <td> <input type="text" class="typeid"></td>
                                    <td class="id"></td>
                                    <td class="action">
                                        <span class="edit">编辑</span>
                                        <!-- <span  class="die">删除</span> -->
                                    </td>
                                </tr>
                                <tr class="three">
                                    <td><input type="checkbox" class="check"> <input type="text" class="name"></td>
                                    <td> <input type="text" class="price"></td>
                                    <td> <input type="text" class="desc"> </td>
                                    <td> <input type="text" class="typename"></td>
                                    <td> <input type="text" class="typeid"></td>
                                    <td class="id"></td>
                                    <td class="action">
                                        <span class="edit">编辑</span>
                                        <!-- <span  class="die">删除</span> -->
                                    </td>
                                </tr>
                                <tr class="four">
                                    <td><input type="checkbox" class="check"> <input type="text" class="name"></td>
                                    <td> <input type="text" class="price"></td>
                                    <td> <input type="text" class="desc"> </td>
                                    <td> <input type="text" class="typename"></td>
                                    <td> <input type="text" class="typeid"></td>
                                    <td class="id"></td>
                                    <td class="action">
                                        <span class="edit">编辑</span>
                                        <!-- <span  class="die">删除</span> -->
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="page">
                            第 <span class="currentPage">1</span> 页
                            <div class="p-l">
                                < </div> <div class="p-r"> >
                            </div>
                        </div>
                    </form>
                </div>
            </section>
        </div>
        <!-- 右部结束 -->
        <!-- </div> -->
        <!-- 个人中心 开始 -->
        <div class="page-content_user">
            <section class="page-content_user_x">
                <div class="user-title">
                    <h2>个人信息管理中心</h2>
                </div>
                <form action="">
                    <div class="p_us">
                        <label for="">用户名</label>
                        <input type="text" class="p_us_ipt">
                    </div>
                    <div class="p_id">
                        <label for="">id</label>
                        <input type="text" class="p_id_ipt">
                    </div>
                    <div class="p_phone">
                        <label for="">手机号</label>
                        <input type="text" class="p_phone_ipt">
                    </div>
                    <div class="p_age">
                        <label for="">年龄</label>
                        <input type="text" class="p_age_ipt">
                    </div>
                    <div class="p_sex">
                        <label for="">性别,0:男,1:女</label>
                        <input type="text" class="p_sex_ipt">
                    </div>
                    <div class="edit-user">保存</div>
                </form>
            </section>
        </div>
        <!-- 个人中心 结束 -->
    </div>
</body>

</html>